<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--SEO优化项 -->
    <title>12</title>
    <meta name="description" content="这里输入网站简介" />
    <meta name="Keywords" content="这里输入网站关键词" />
    <!-- 引入facicon.ico网页图标 -->
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
    <!-- 引入css 初始化的css 文件 -->
    <link rel="stylesheet" href="css/base.css">
    <!-- 引入公共样式的css 文件 -->
    <link rel="stylesheet" href="css/common.css">
    <!-- 引入本页面css 文件 -->
    <link rel="stylesheet" href="css/12.css">
    <!-- 引入日历控件 -->
    <script type="text/javascript" src="laydate/laydate.js"></script>
    <link rel="stylesheet" href="laydate/theme/default/laydate.css">

</head>

<body>
    <div class="w1920h1429 bg">

        <!-- 顶部快捷导航 -->
        <div class="nav">
            <!-- logo -->
            <div class="logo fl">
                <img src="img/duocaiyoueryuan_logo.png" width="80px" height="81px" alt="logo">
            </div>
            <!-- 导航按钮 -->
            <div class="nav-box fl">
                <!-- 首页——导航图标模块 -->
                <a href="index.html">
                    <div class="nav-bar" style="width: 47px;height: 69px;">

                        <ul class="nav-box-color">
                            <li class="nav-box-color-icon">
                                <img src="img/index@2x.png" width="23px" height="23px" alt="indexIcon">
                            </li>
                            <li class="nav-box-color-text">首页</li>
                        </ul>
                        <!-- <ul class="nav-box-Selected" style="left: 16px;"></ul> -->

                    </div>
                </a>

                <!-- 班级动态——导航图标模块 -->
                <a href="bjdt.html">
                    <div class="nav-bar" style="width:58px; height:69px; margin-left:48px;">
                        <ul class="nav-box-color-four">
                            <li class="nav-box-color-icon">
                                <img src="img/班级 拷贝 2@2x.png" width="23px" height="23px" alt="indexIcon">
                            </li>
                        </ul>
                        <li class="nav-box-color-text-four">班级动态</li>
                        <!-- <ul class="nav-box-Selected" style="left: 22px;"></ul> -->
                    </div>
                </a>


                <!-- 宝宝课表——导航图标模块 -->
                <a href="bbkc.html">
                    <div class="nav-bar" style="width:58px; height:69px; margin-left: 47px;">
                        <ul class="nav-box-color-four">
                            <li class="nav-box-icon" style="top: 13px;left: 13px;">
                                <img src="img/课表@2x 拷贝 2@2x.png" width="22px" height="22px" alt="indexIcon">
                            </li>
                        </ul>
                        <li class="nav-box-color-text-four">宝宝课表</li>
                        <ul class="nav-box-Selected" style="left: 22px;"></ul>
                    </div>
                </a>

                <!-- 宝宝请假——导航图标模块 -->
                <a href="09-02.html">
                    <div class="nav-bar" style="width:58px; height:69px; margin-left: 48px;">
                        <ul class="nav-box-color-four">
                            <li href="09-02.html" class="nav-box-icon" style="top: 12px;left: 11px;">
                                <img src="img/学生请假 拷贝 2@2x.png" width="25px" height="23px" alt="indexIcon">
                            </li>
                        </ul>
                        <li class="nav-box-color-text-four">宝宝请假</li>
                        <!-- <ul class="nav-box-Selected" style="left: 22px;"></ul> -->
                    </div>
                </a>

                <!-- 幼儿园介绍——导航图标模块 -->
                <a href="08-05.html">
                    <div class="nav-bar" style="width:58px; height:69px; margin-left: 48px;">
                        <ul class="nav-box-color-five">
                            <li class="nav-box-icon" style="top: 13px;left: 13px;">
                                <img src="img/幼儿园 拷贝 2@2x.png" width="22px" height="25px" alt="indexIcon">
                            </li>
                        </ul>
                        <li class="nav-box-color-text-five">幼儿园介绍</li>
                        <!-- <ul class="nav-box-Selected" style="left: 27px;"></ul> -->
                    </div>
                </a>

                <!-- 出勤详情——导航图标模块 -->
                <a href="07-02.html">
                    <div class="nav-bar" style="width:58px; height:69px; margin-left: 48px;">
                        <ul class="nav-box-color-four">
                            <li class="nav-box-icon" style="top: 12px;left: 13px;">
                                <img src="img/出勤 拷贝 2@2x.png" width="22px" height="23px" alt="indexIcon">
                            </li>
                        </ul>
                        <li class="nav-box-color-text-four">出勤详情</li>
                        <!-- <ul class="nav-box-Selected" style="left: 22px;"></ul> -->
                    </div>
                </a>

                <!-- 发展评价——导航图标模块 -->
                <a href="10.html">
                    <div class="nav-bar" style="width:58px; height:69px; margin-left: 48px;">
                        <ul class="nav-box-color-four">
                            <li href="10.html" class="nav-box-color-icon">
                                <img src="img/评价 (1) 拷贝 2@2x.png" width="23px" height="23px" alt="indexIcon">
                            </li>
                        </ul>
                        <li class="nav-box-color-text-four">发展评价</li>
                        <!-- <ul class="nav-box-Selected" style="left: 22px;"></ul> -->
                    </div>
                </a>

                <!-- 发展评价——导航图标模块 -->
                <a href="05.html">
                    <div class="nav-bar" style="width:58px; height:69px; margin-left: 48px;">
                        <ul class="nav-box-color-four">
                            <li class="nav-box-icon" style="top: 13px;left: 11px;">
                                <img src="img/相册 拷贝 2@2x.png" width="25px" height="25px" alt="indexIcon">
                            </li>
                        </ul>
                        <li class="nav-box-color-text-four">宝宝相册</li>
                        <!-- <ul class="nav-box-Selected" style="left: 22px;"></ul> -->
                    </div>
                </a>

                <!-- 宝宝课表——导航图标模块 -->
                <a href="01.html">
                    <div class="nav-bar" style="width:58px; height:69px; margin-left: 48px;">
                        <ul class="nav-box-color-four">
                            <li class="nav-box-icon" style="top: 13px;left: 13px;">
                                <img src="img/设置 拷贝 2@2x.png" width="22px" height="22px" alt="indexIcon">
                            </li>
                        </ul>
                        <li class="nav-box-color-text-four">班牌设置</li>
                        <!-- <ul class="nav-box-Selected" style="left:22px;"></ul> -->
                    </div>
                </a>

            </div>
            <!-- 日期天气时间 -->
            <div class="weatherDate-Box fr">
                <ul class="temperature fr">21-32°C</ul>
                <ul class="weather fr">
                    <img src="img/天气@2x.png" width="54px" height="53px" alt="weather">
                </ul>
                <ul class="time fr">14 : 43</ul>
                <ul class="dateBox fl">
                    <li class="date">2020-11-16</li>
                    <li class="week">星期一</li>
                </ul>
            </div>
            <!-- 顶部快捷导航start -->
        </div>


        <!-- 动物图标-->
        <div class="animal">
            <a href="javascript:;" class="" title="animal" target="">
                <img src="img/千库网_手绘卡通可爱小动物图标_元素编号10417886@2x (2).png" width="366px" height="78px" alt="">
            </a>
        </div>

        <!-- 班级情况装饰条 -->
        <div class="banjiqingkang">
            <ul class="banjiqingkang-txt">班级情况</ul>
        </div>



        <div class="xiangce">
            <ul class="xiangce-text01 fl">第六周</ul>
            <!-- <ul class="xiangce-box01 fl">
                <img src="img/arrfill_d-copy@2x.png" width="10px" height="14px" alt="">
            </ul> -->
            <!-- <ul class="xiangce-text02">2020年12月8日</ul> -->
            <input type="text" class="xiangce-text03" value="2020年12月8日" id="test2">
            <!-- <ul class="xiangce-box02 fl">
                <img src="img/arrfill_d-copy 拷贝@2x.png" width="10px" height="14px" alt="">
            </ul> -->
        </div>
        <script>
            lay('#version').html('-v' + laydate.v);
            //墨绿主题
            laydate.render({
                elem: '#test2',
                theme: 'molv',
                format: 'yyyy年MM月dd日'
            });
        </script>

        <!-- 左侧用户列表 -->
        <div class="leftListBox">

            <!-- 公告板 -->
            <div class="gaonggao">
                <a href="javascript:;" class="" title="" target="">
                    <img src="img/小黑板@2x.png" width="183px" height="87px" alt="">
                </a>
            </div>

            <!-- 班级名称 -->
            <div class="banjimingcheng">大三班</div>

            <!-- 上课老师 -->
            <div class="shangkelaoshi">
                <!-- 老师模块 -->
                <ul class="loshimokuai fl">
                    <li class="loshimokuai-img01"> </li>
                    <li class="loshimokuai-img02">
                        <img src="img/装饰半环形花环@2x.png" width="118px" height="77px" alt="">
                    </li>
                    <li class="loshimokuai-txt">陆弯弯</li>
                </ul>

                <!-- 老师模块 -->
                <ul class="loshimokuai fl">
                    <li class="loshimokuai-img01"> </li>
                    <li class="loshimokuai-img02">
                        <img src="img/装饰半环形花环@2x.png" width="118px" height="77px" alt="">
                    </li>
                    <li class="loshimokuai-txt">陆弯弯</li>
                </ul>

                <!-- 老师模块 -->
                <ul class="loshimokuai fl">
                    <li class="loshimokuai-img01"> </li>
                    <li class="loshimokuai-img02">
                        <img src="img/装饰半环形花环@2x.png" width="118px" height="77px" alt="">
                    </li>
                    <li class="loshimokuai-txt">陆弯弯</li>
                </ul>


            </div>

            <!-- 课程 -->
            <div class="dangqingkecheng">
                ··· 当前课程 ···
            </div>
            <div class="dangqingkecheng-time">
                8:25-8:50
            </div>
            <div class="dangqingkecheng-neirong">
                特色体育健康活动-跳绳
            </div>
            <div class="xiajiekecheng">
                ··· 下节课程 ···
            </div>
            <div class="xiajiekecheng-time">
                8:25-8:50
            </div>
            <div class="xiajiekecheng-neirong">
                特色体育健康活动-跳绳
            </div>



        </div>




        <!-- 中心版面 -->
        <div class="centerBox fl">
            <div class="centerTable fl">

                <!-- 横向表头 -->
                <div class="centerTable-tr02 fl">

                    <ul class="centerTable-tr02-td01 fl"></ul>
                    <ul class="centerTable-tr02-td02 fl">星期一</ul>
                    <ul class="centerTable-tr02-td02 fl">星期二</ul>
                    <ul class="centerTable-tr02-td02 fl">星期三</ul>
                    <ul class="centerTable-tr02-td02 fl">星期四</ul>
                    <ul class="centerTable-tr02-td02 fl">星期五</ul>
                </div>



                <Iframe class="centerTable-kebiao" src="12_01.html" frameborder="0" scrolling="auto"></Iframe>











            </div>
        </div>




</body>

</html>